@layout("/common/_containers.html"){

<div class="ibox float-e-margins">
            <div style="display: none">
                <input type="hidden" id="backVisit" value="">
                <input type="hidden" id="oneChannelValue" value="">
                <input type="hidden" id="twoChannelValue" value="">
                <input type="hidden" id="thrChannelValue" value="">
                <input type="hidden" id="customerStatus" value="">
                <input type="hidden" id="xcustomerStatus" value="">
                <input type="hidden" id="appointmentPayServiceValue" value="">
            </div>
            <div class="ibox-content record_box">
                <div class="row row-lg">
                    <div class="col-sm-12">
                        <ul class="ulBox clearfix">
                                <li>
                                    <label>病历号</label>
                                    <input type="text" class="selectBox" id="caseNo" name="caseNo style="border: 1px solid #999999;width: 47%">
                                </li>
                                <li>
                                    <label>患者姓名</label>
                                    <input type="text" class="selectBox" id="patientName" name="patientName style="border: 1px solid #999999;width: 47%">
                                </li>
                                <li>
                                    <div style="flex: 2;">
                                        <label style="width: 100px;display: inline-block;">电话</label>
                                        <input type="text" class="selectBox" id="phone" name="phone"
                                                                                                            style="border: 1px solid #999999;width: 47%">
                                    </div>
                                </li>
                                <li>
                                    <label style="width: 40px;">TC</label>
                                    <select type="text" class="selectBox" id="tcName"
                                            name="tcName" style="border: 1px solid #999999"
                                            onchange="Customer.inquire()">
                                    </select>
                                </li>
                                <li>
                                    <div style="width: 288px;height: 39px;border: 1px solid #cccccc;border-radius: 3px">
                                        <span class="glyphicon glyphicon-search" style="left: 10px;top: 9px;"></span>
                                        <input type="text" class="customerPhone" id="reach" placeholder="姓名/电话/微信/病历号"
                                               onchange="Customer.search()"
                                               style="width: 85%;height: 35px;border: none;float: right;outline:none;margin-top: 1px">
                                    </div>
                                </li>
                            </ul>
                    </div>
                    <div class="col-sm-12" style="margin-top: 20px;">
                        <div style="display: flex">
                            <div style="flex: 6;display: flex">
                                <div style="flex: 3;margin-right: 15px;">
                                    <label style="width: 100px;display: inline-block;">创建时间</label><input
                                        type="text" id="startCreateTime" class="selectBox" style="border: 1px solid #999999;width: 200px;"
                                     onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss'})">
                                    <span>-</span>
                                    <input type="text" id="endCreateTime" class="selectBox"
                                           style="border: 1px solid #999999;width: 200px;"
                                           onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss'})">
                                </div>
                            </div>
                            <div style="flex: 7;text-align: right;" class="btn_box">
                                <button type="button" class="btn" onclick="Customer.resetSearch()">清空</button>
                            </div>
                        </div>
                    </div>
                    <#table id="ConsultTable"/>
                </div>
            </div>
        </div>

<script src="${ctxPath}/static/modular/consultInfo/consultInfo.js"></script>
<script src="${ctxPath}/static/js/common/jsChannels.js"></script>
<script>
    //初始化下拉TC列表
    $.post(Feng.ctxPath + "/tc/getLists", function (data) {
        var txt = '<option value="">--请选择现场TC--</option>';
        for (var i = 0; i < data.length; i++) {
            txt += '<option value="' + data[i].tcName + '">' + data[i].tcName + '</option>';
        }
        document.getElementById('tcName').innerHTML = txt;
    }, "json");
</script>
@}
<style>
    ul {
        padding: 0;
        margin: 0;
    }

    .selectBox {
        width: 60%;
        height: 39px;
        border-radius: 5px;
        padding-left: 5px;
    }

    .ulBox {
        display: flex;
    }

    .ulBox > li {
        flex: 1;
    }

    .ulBox laber {
        display: inline-block;
        width: 80px;
    }

    .records > li {
        float: left;
        margin-right: 30px;
    }

    .records > li {
        color: white;
        cursor: pointer;
    }

    .records > li > span {
        font-weight: bolder;
    }

    .bigSize {
        font-size: 1.2em;
    }

    .btn_box button {
        margin: 0;
        color: white;
        background: #2eadd0;
        padding: 7px 30px;
        font-size: 1em;
    }
    div .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
        width: 155px;
    }
</style>